<template>
  <div>
    <h3>children</h3>
    <!-- <p>{{ value }}</p> -->
    <p>子接受到的值:{{ count }}</p>
    <!-- 可以通过input事件 -->
    <!-- <button @click="$emit('input', value + 1)">修改value</button> -->
    <button @click="addCount(1)">加</button>
  </div>
</template>

<script>
export default {
  name: "Child",
  data() {
    return {
      num: 1,
    };
  },
  // props: ["count", "addCount"],
  // props: ["value"],
  // 对象接受值
  // props: { count: Number },
  props: {
    count: {
      type: Number, //leix
      require: true, //必须要传
    },
    addCount: Function,
  },
  // mounted() {
  //   // console.log(this.$attrs);
  //   // console.log(this.$listeners);
  //   console.log(this.$parent.count);
  // },
};
</script>

<style>
</style>